<template>
  <div>
    <header class="app-header">
      <span>首页</span>
    </header>
   <div class="section">
      <section>
      <bkDivider align="left">我的学习进度</bkDivider>
      <bkcircle :value="bdids.length" :total="total" />
      <bkDivider align="right">我的学习进度</bkDivider>
      <echarts/>
    </section>
   </div>
    <!-- <button @click="btn">点击</button> -->
    
  </div>
</template>

<script>
import bkDivider from "../../components/bkDivider";
import bkcircle from "./bkcircle";
import { mapActions, mapState } from "vuex";
import { getItem } from "../../utils/sessiton";
import echarts from '../../components/echarts'
export default {
  components: {
    bkDivider,
    bkcircle,
    echarts
  },
   async mounted() {
    await this.getList();
    await this.getSchedule(getItem().id);
  },
  computed: {
    ...mapState("msbd", ["total", "bdids"]),
  },
  methods: {
    ...mapActions("msbd", ["getList", "getSchedule"]),
    btn() {
      this.$toast("发布失败", 3000, 50, "iconbianzu23");
    },
  },
};
</script>

<style scoped>
.section {
  height: calc(100vh - 120px);
  overflow: hidden;
  overflow-y: auto;
}
</style>